/*
 * @Author: wuqiang
 * @Date: 2023-11-16 11:36:12
 * @LastEditors: wuqiang
 * @LastEditTime: 2023-11-17 00:23:01
 */
import React from 'react'
import {
  upgrade_bg,
  upgrade_ic_1,
  upgrade_ic_2,
  upgrade_ic_3,
  upgrade_ic_4,
  upgrade_ic_5,
  upgrade_ic_6,
  upgrade_ic_7,
  upgrade_ic_8,
  upgrade_ic_9
} from '@/utils/loadImages'
import './index.scss'

export default function Upgrade() {
  return (
    <div
      className="custom-comp-upgrade"
      style={{ background: `url(${upgrade_bg}) 50% 0% / cover no-repeat` }}>
      <h2 className="upgrade_header">全新升级保障服务更周全</h2>
      <div className="upgrade_content">
        <h5 className="title">
          <span className="title_prefix"></span>
          <span className="title_suffix">新增五项报销政策</span>
        </h5>
        <div className="upgrade_card">
          <div className="upgrade_item">
            <img src={upgrade_ic_1} alt="" />
            <p>
              质子重离子
              <br />
              疗法增加至两种
            </p>
          </div>
          <div className="upgrade_item">
            <img src={upgrade_ic_2} alt="" />
            <p>
              新增80种重大
              <br />
              疾病均可报销
            </p>
          </div>
          <div className="upgrade_item">
            <img src={upgrade_ic_3} alt="" />
            <p>
              重大疾病免赔额
              <br />
              降为“0”元
            </p>
          </div>
          <div className="upgrade_item" style={{marginTop: '16px'}}>
            <img src={upgrade_ic_4} alt="" />
            <p>
              重大疾病异地转诊
              <br />
              公共交通费用
            </p>
          </div>
          <div className="upgrade_item" style={{marginTop: '16px'}}>
            <img src={upgrade_ic_5} alt="" />
            <p>
              重大疾病
              <br />
              一次性给付金
            </p>
          </div>
        </div>
        <h5 className="title">
          <span className="title_prefix"></span>
          <span className="title_suffix">增值服务</span>
        </h5>
        <div className="upgrade_card">
          <div className="upgrade_item">
            <img src={upgrade_ic_5} alt="" />
            <p>就医绿通</p>
          </div>
          <div className="upgrade_item">
            <img src={upgrade_ic_7} alt="" />
            <p>
              重疾医疗
              <br />
              费用垫付
            </p>
          </div>
          <div className="upgrade_item">
            <img src={upgrade_ic_8} alt="" />
            <p>
              24小时
              <br />
              家庭医生
            </p>
          </div>
          <div className="upgrade_item">
            <img src={upgrade_ic_9} alt="" />
            <p>
              重疾多学科
              <br />
              远程咨询
            </p>
          </div>
        </div>
      </div>
    </div>
  )
}
